﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
  <title>Redhouse - Nhà đỏ</title>
  <link rel="stylesheet" href="css/themes/default/default.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/theme.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
  <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  <script src="js/jquery.js"></script>
  <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  <script src="js/jquery.blend.js" type="text/javascript"></script>
  <script src="js/redhouse.js" type="text/javascript"></script>
  <script src="js/jquery.lightbox-0.5.pack.js" type="text/javascript"></script>
  <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
  <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  <script type='text/javascript' src='js/jquery.cookie.js'></script>
  <script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
  <script type='text/javascript' src='js/jquery.dcjqaccordion.2.7.min.js'></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$('#slider').nivoSlider({
			effect:"fade",
			slices:5,
			boxCols:8,
			boxRows:4,
			animSpeed:500,
			pauseTime:3500,
			startSlide:0,
			directionNav:true,
			directionNavHide:true,
			controlNav:true,
			controlNavThumbs:false,
			controlNavThumbsFromRel:false,			
			keyboardNav:true,
			pauseOnHover:false
		});
		
		$('#accordion-menu').dcAccordion({
			eventType: 'click',
			autoClose: true,
			saveState: true,
			disableLink: true,
			speed: 'fast',
			classActive: 'test',
			showCount: false,
			classActive	 : 'active'
		});
		
		$("#testfancy1").click(function() {			
			$.fancybox([
				'images/home-2.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy2").click(function() {			
			$.fancybox([
				'images/home-3.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy3").click(function() {			
			$.fancybox([
				'images/home-4.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy4").click(function() {			
			$.fancybox([
				'images/home-5.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		//$('#default').trigger('click');
	});
  </script>
  <style>
	#slider .nivo-controlNav {
		width:570px; 
		height:20px; 
	}
	
	#slider {
		width:580px; 
		height:520px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border:1px solid white;
		-moz-box-shadow: 1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		box-shadow: 1px 1px 3px #ccc;
		behavior: url(PIE.htc);
	}
  </style>
</head>
<body onload="preLoad()">
	
	<div id="pre-loader"><img src="images/loading_icon.gif"/></div>
	
	<div id="header">
		<div class="page">
			<div id="nav-container">	
				<ul id="nav">
					<li><a href="about.html">About us</a></li>
					<li><a href="specialties.html">Specialties</a></li>
					<li class="active"><a href="menu.html">Menu</a></li>
					<li><a href="promotion.html">Promotions</a></li>
					<li><a href="health.html">Seafood & Health</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div><!-- END nav-container -->
		</div>
	</div><!-- END header -->
		
	<div id="wrapper">
		<div id="header-container">
			<div class="page">
				<a href="home.html" alt="RedHouse" class="logo">
					<img src="images/logo.png"></img>
				</a>
				<div class="right-header">
					<div class="language-container">
						<a href="#"><img src="images/vie.gif" /></a>
						<a href="#"><img src="images/eng.gif" /></a>
					</div>
					<div class="form-search">
						<label for="search">Search:</label>
						<button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
						<input id="search" type="text" name="q" value="" class="input-text" />
						<br class="clear" />        
						<div id="search_autocomplete" class="search-autocomplete"></div>
					</div>
					<br class="clear" />
					<div class="link-container">
						<a href="">English</a><a href="">Tiếng Việt</a><a href="index.html">Select location</a>
					</div>
				</div><!-- END .right-header -->
			</div>
		</div><!-- END header-container -->
		<div class="page">
			<div class="main">
				<div class="col-left">
					<div class="left-title">
						<h1>Our Menu</h1>
					</div>
					<div class="left-content">
						<ul class="accordion" id="accordion-menu">
							<li><a href="#" class="level-1 active">&nbsp;&nbsp;&nbsp;&nbsp;Thực đơn cua</a></li>
							<li><a href="#" class="level-1">&nbsp;&nbsp;&nbsp;&nbsp;Thực đơn ốc</a></li>
							<li><a href="#" class="level-1">&nbsp;&nbsp;&nbsp;&nbsp;Thực đơn tráng miệng</a></li>
							<li><a href="#" class="level-1">&nbsp;&nbsp;&nbsp;&nbsp;Thực đơn tiệc</a></li>
							<li><a href="#" class="level-1">&nbsp;&nbsp;&nbsp;&nbsp;Toàn bộ thực đơn</a></li>
						</ul>
					</div>
				</div><!-- END .col-left -->
				<div class="col-main">
					<div class="main-title">
						<h1>Thực đơn cua</h1>
						<!--<ul>
							<li><a href="">All</a></li>
							<li><a href="">5</a></li>
							<li><a href="">4</a></li>
							<li><a href="">3</a></li>
							<li><a href="">2</a></li>
							<li><a href="" class="active">1</a></li>
						</ul>-->
					</div>
					<div class="main-content">
						<div class="dish-slider">
							<div id="slider" class="nivoSlider theme-default" >
								<img class="home-slide" src="images/home-2.jpg"/>
								<img class="home-slide" src="images/home-3.jpg"/>
								<img class="home-slide" src="images/home-4.jpg"/>
								<img class="home-slide" src="images/home-5.jpg"/>
								<img class="home-slide" src="images/home-6.jpg"/>
								<img class="home-slide" src="images/home-7.jpg"/>
							</div>
							<!--<div style="position:relative; "><a id="testfancy" href="javascript:;"><img src="images/zoom.gif" /></a></div>-->
						</div>
						<ul class="dish-list">
							<li><a class="title" href="javascript:;"><span>Cua sốt ớt</span><img id="testfancy1" src="images/zoom.gif" /></a></li>
							<li><a class="title" href="javascript:;"><span>Cua hấp</span><img id="testfancy2" src="images/zoom.gif" /></a></li>
							<li><a class="title" href="javascript:;"><span>Cua Alaska</span><img id="testfancy3" src="images/zoom.gif" /></a></li>
							<li><a class="title" href="javascript:;"><span>Cua gạch</span><img id="testfancy4" src="images/zoom.gif" /></a></li>
							<li><a class="title" id="testfancy1" href="javascript:;"><span>Cua sốt ớt</span></a></li>
							<li><a class="title" id="testfancy2" href="javascript:;"><span>Cua hấp</span></a></li>
							<li><a class="title" id="testfancy3" href="javascript:;"><span>Cua Alaska</span></a></li>
							<li><a class="title" id="testfancy4" href="javascript:;"><span>Cua gạch</span></a></li>
							<li><a class="title" id="testfancy1" href="javascript:;"><span>Cua sốt ớt</span></a></li>
							<li><a class="title" id="testfancy2" href="javascript:;"><span>Cua hấp</span></a></li>
							<li><a class="title" id="testfancy3" href="javascript:;"><span>Cua Alaska</span></a></li>
							<li><a class="title" id="testfancy4" href="javascript:;"><span>Cua gạch</span></a></li>
						</ul>
					</div>
				</div><!-- END .col-main -->
			</div><!-- END .main -->
		</div>
	</div><!-- END wrapper -->
	
	<div id="footer-container">
		<div class="page">
			<div id="link-div">
				<p style="font-size:14px;padding-bottom:7px;">REDHOUSE RESTAURANT</p>
				<a href="">&nbsp;&nbsp;&nbsp;Information</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Vision</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Employment</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Sitemap</a><br />
			</div>
			<div id="subcribe-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SUBSCRIBE TO OUR NEWSLETTER</p><br />
				<div class="form-subscribe">
					<label for="subscribe">Search:</label>
					<button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>
					<input id="subscribe" type="text" name="q" value="" class="input-text" />
					<br class="clear" />        
				</div>
			</div>
			<div id="social-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;FOLLOW US</p><br />
				<a href="#"><img class="social" src="images/facebook.png" width="48" height="48" /></a>
				<a href="#"><img class="social" src="images/twitter.png" width="48" height="48" /></a>
			</div>
		</div>
	</div><!-- END footer-container	-->
</body>
</html>